<template>
	<view class="box" >
		<image style="flex:2;width: 100%;" src="../../static/sprt_images/dalle.jpg" mode="widthFix"></image>
		<image style="flex:1;width: 100%;" src="../../static/sprt_images/clip.jpg" mode="widthFix"></image>
		<view class="text animate__animated animate__fadeIn" style="bottom: 30%;">CIFT</view>
		<view class="text">超越认知的插画生成</view>
		<view  class="cu-avatar lg round bg-red scrow animate__animated animate__slideInLeft" ></view>
		<!-- <view class="animate__animated animate__bounce view">An animated element</view> -->
	</view>

</template>

<script>
	import "animate.css"
	export default {

		data() {
			return {
				
			};
		},
		onLoad: function(option) {

		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.box {
		display: flex;
		flex-direction: column;
		height: 100vh;
		width: 100%;
		align-items: center;
	}
	.scrow {
		background-image:url(../../static/sprt_images/scrow.png);
		background-size: 50% 50%;
		background-repeat:no-repeat;
		position: absolute;
		bottom: 15%;
	}
	.text {
		position: absolute;
		bottom: 25%;
		color: white;
	}
</style>
